<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<%@ include file="/public/environment.jspf"%>
<script type="text/javascript">
	$(function(){
		$(".pr_add").click(function(){
			var id = $(this).parent("button").attr("title");
			if(confirm("确认要添加到购物车?")){
				$.post("sorder_addSorder.action",{'product.id':id},function(data){
					if (data == "true") {
						$.messager.show({
							title : '消息',
							msg : '添加成功',
							timeout : 2000,
							showType : 'slide'
						});
					}
				});
			}
		});
	});
</script>
</head>
<body>
	<a href="send_main_aindex.action" target="_blank"><h1>访问后台的主页面(点击)</h1></a>
	<hr>
	<hr>
	<div class="wrapper">
		<jsp:include page="/include/header.jsp"></jsp:include>
		<!-- 头部结束 -->

		<!-- 导航栏 -->
		<jsp:include page="/include/navigater.jsp"></jsp:include>
		<!--导航栏结束-->


		<div class="section_container">
			<!--左侧导航-->
			<div id="side_nav">
				<div class="sideNavCategories">
					<h1>女装</h1>
					<ul class="category departments">
						<li class="header">分类</li>
						<li><a href="#">毛衣</a></li>
						<li><a href="#">针织衫 </a></li>
						<li><a href="#">衬衫 </a></li>
						<li><a href="#">T恤</a></li>
						<li><a href="#">短裤</a></li>
						<li><a href="#">牛仔 </a></li>
						<li><a href="#">连身裙</a></li>
						<li><a href="#">短裙 </a></li>
					</ul>
				</div>

			</div>
			<!-- 右侧焦点图区域 -->
			<div id="main_content ">
				<div>
					<img src="images/lm_banner_1.jpg" />
				</div>
			</div>
		</div>

		<!-- 产品列表 -->
		<c:forEach items="${applicationScope.bigList}" var="list">
		<div class="products_list products_slider clear">
			<!-- 显示类别名称 -->
			<h2 class="sub_title">${list[0].category.type }</h2>
			<ul id="first-carousel"
				class="first-and-second-carousel jcarousel-skin-tango">
				<c:forEach items="${list}" var="product">
				<li><a href="${shop}/product_get.action?id=${product.id}" class="product_image"><img
						src="${shop}/image/${product.pic}" /></a>
					<div class="product_info">
						<h3>
							<a href="#">${product.name}</a>
						</h3>
						<small>${product.remark}</small>
					</div>
					<div class="price_info">
						<button title="${product.id}">
							<span class="pr_add" >添加购物车</span>
						</button>
						<button class="price_add" title="" type="button">
							<span class="pr_price">￥${product.price }</span>
						</button>
					</div>
				</li>
				</c:forEach>
			</ul>
		</div>
		</c:forEach>
		<!--产品列表结束  -->
		
		<!-- 导航栏结束 -->
		<jsp:include page="/include/footer.jsp"></jsp:include>
	</div>
</body>
</html>
</html>
